<template>
  <div class="app">
    <div>这是页面内容</div>
  <VisualEditor v-model="jsonData" :config="config" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { VisualEditor } from '@/components/visual-editor/visualEditor';
import {config} from '@/components/visual-editor/visualEditor.config'
export default defineComponent({
  name: 'App',
  data: () => {
    return {
      config,
      jsonData: {"container":{"width":700,"height":800},"blocks":[{"uid":0,"componentKey":"button","left":237,"top":102,"width":56,"height":28,"adjustPosition":false,"focus":false,"zIndex":0},{"uid":1,"componentKey":"input","left":279.5,"top":217,"width":157,"height":28,"adjustPosition":false,"focus":false,"zIndex":0}]},
    };
  },
  components: {
    VisualEditor,
  },
});
</script>

<style lang="scss">
</style>
